<template>
    <div class="MailList">
            <cell-goup>
                <contacts-item title='新的朋友' :imgurl="require('@/assets/imgs/user.png')" isLink></contacts-item>
                <contacts-item :to="{name: '聊天室' }" title='群聊' :imgurl="require('@/assets/imgs/ql.png')" isLink></contacts-item>
                <contacts-item title='表情' :imgurl="require('@/assets/imgs/bqq.png')" isLink></contacts-item>
            </cell-goup>
            <cell-goup>
                <contacts-item 
                    
                    :title='title' 
                    :imgurl="imgurl" 
                    v-for="(item, index) in 10" 
                    :key="index">
                </contacts-item>
            </cell-goup>
            <cell-goup>
                <contacts-item :title='title' :imgurl="imgurl" v-for="(item, index) in 10" :key="index"></contacts-item>
            </cell-goup>
    </div>
</template>
<script>
export default {
    data(){
        return {
            title:"小明",
            imgurl: require('@/assets/imgs/defulte.png')
        }
    },
    mounted(){
        
    },
    methods: {
    }
}
</script>
<style lang="scss" scoped>
.MailList{
    padding-top: $topNavHeight;
    padding-bottom: $bottomNavHeight
}
</style>


